<template>
  <div class="wrapper">
    <div class="section page-header header-filter" :style="headerStyle">
      <div class="container">
        <div class="md-layout">
          <div
            class="md-layout-item md-size-33 md-small-size-66 md-xsmall-size-100 md-medium-size-40 mx-auto"
          >
          <login-card header-color="green" style="padding-bottom: 10px;" >
              <h4 style="font-size: 50px;" slot="title" class="card-title " align="center" >注册</h4>
			  <md-field class="md-form-group" slot="inputs" md-clearable>
			    <md-icon><svg t="1638164368367" class="icon" viewBox="0 0 1030 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2308" width="200" height="200"><path d="M508.028519 495.362853l-0.253963 0.977251c0.158473 0 0.316946-0.004063 0.47542-0.004063l0-0.969125C508.175818 495.366917 508.102677 495.362853 508.028519 495.362853z" p-id="2309"></path><path d="M1014.421514 958.802499c-10.955984-220.238134-123.422182-405.60099-321.286134-478.03645 51.744548-49.010886 84.024321-118.362213 84.024321-195.256256 0-148.514788-120.394937-268.909725-268.908709-268.909725-148.514788 0-268.909725 120.394937-268.909725 268.909725 0 76.895059 32.281804 146.24537 84.024321 195.256256C125.503666 553.201509 13.033405 738.56538 2.077421 958.802499c-0.098538 0.937633-0.153394 1.884409-0.153394 2.84947 0 14.849752 12.0399 26.890668 26.890668 26.890668 0.134093 0 0.264122-0.018285 0.397199-0.021333 0.133077 0.003048 0.263106 0.021333 0.397199 0.021333l957.28075 0c0.134093 0 0.26209-0.018285 0.396183-0.021333 0.134093 0.003048 0.263106 0.021333 0.397199 0.021333 14.852799 0 26.891684-12.040916 26.891684-26.890668C1014.574908 960.687924 1014.519036 959.740132 1014.421514 958.802499zM376.653218 520.052166c3.904942-1.101186 7.836297-2.137357 11.780857-3.143052l-0.003048-0.01219c11.112425-3.302541 19.223003-13.58095 19.223003-25.766118 0-9.005545-4.442329-16.956633-11.238391-21.837811-1.004679-0.721256-2.052025-1.382577-3.15321-1.96263-2.612776-1.655842-5.191013-3.359429-7.725569-5.122951-55.848598-38.858442-92.412226-103.504335-92.412226-176.698638 0-118.812237 96.316153-215.128389 215.128389-215.128389 118.811221 0 215.127374 96.315137 215.127374 215.128389 0 73.194303-36.562612 137.83918-92.412226 176.698638-2.534555 1.763522-5.112793 3.467109-7.725569 5.122951-1.10017 0.580053-2.148531 1.241373-3.15321 1.96263-6.796062 4.881178-11.238391 12.832266-11.238391 21.837811 0 12.186183 8.110577 22.463577 19.223003 25.766118l-0.004063 0.01219c3.944561 1.004679 7.875915 2.041866 11.780857 3.143052 187.504275 52.856908 300.1452 215.83644 318.944591 414.70812L57.707611 934.760285C76.507002 735.888605 189.148943 572.909074 376.653218 520.052166z" p-id="2310"></path></svg></md-icon>
			    <label>账号</label>
			    <md-input v-model="register"></md-input>
			  </md-field>
              <md-field class="md-form-group" slot="inputs">
                <md-icon><svg t="1638164743361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5377" width="200" height="200"><path d="M512 854.016q139.989333 0 240.981333-100.992t100.992-240.981333q0-43.989333-13.994667-96-38.016 9.984-96 9.984-219.989333 0-347.989333-180.010667-66.005333 160-224 230.016-2.005333 11.989333-2.005333 36.010667 0 139.989333 100.992 240.981333t240.981333 100.992zM512 86.016q176 0 301.013333 125.013333t125.013333 301.013333-125.013333 301.013333-301.013333 125.013333-301.013333-125.013333-125.013333-301.013333 125.013333-301.013333 301.013333-125.013333zM640 502.016q22.016 0 38.016 15.018667t16 36.992-16 38.016-38.016 16-38.016-16-16-38.016 16-36.992 38.016-15.018667zM384 502.016q22.016 0 38.016 15.018667t16 36.992-16 38.016-38.016 16-38.016-16-16-38.016 16-36.992 38.016-15.018667z" p-id="5378"></path></svg></md-icon>
                <label>昵称</label>
                <md-input v-model="firstname" ></md-input>
				<span class="md-helper-text" style="padding-left: 0.625rem;">支持中文、字母、数字、“-”、“_”的组合</span>
              </md-field>
			  <md-field class="md-form-group" slot="inputs">
			    <md-icon><svg t="1638164515147" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3119" width="200" height="200"><path d="M288 384v-74.666667c0-123.722667 100.266667-224 224-224s224 100.224 224 224v74.666667h10.677333C811.445333 384 864 436.597333 864 501.333333v320c0 64.821333-52.469333 117.333333-117.322667 117.333334H277.333333C212.554667 938.666667 160 886.069333 160 821.333333V501.333333c0-64.821333 52.469333-117.333333 117.322667-117.333333H288z m64 0h320v-74.666667c0-88.426667-71.605333-160-160-160-88.384 0-160 71.626667-160 160v74.666667zM224 501.333333v320c0 29.397333 23.914667 53.333333 53.322667 53.333334H746.666667A53.269333 53.269333 0 0 0 800 821.333333V501.333333c0-29.397333-23.914667-53.333333-53.322667-53.333333H277.333333A53.269333 53.269333 0 0 0 224 501.333333z" p-id="3120"></path></svg></md-icon>
			    <label>设置密码</label>
			    <md-input v-model="password" type="password"></md-input>
				<span class="md-helper-text" style="padding-left: 0.625rem;" >建议使用数字、字母和符号的组合，6-20个字符</span>
			  </md-field>
			  <md-field class="md-form-group" slot="inputs" >
			    <md-icon><svg t="1637843444718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1682" width="200" height="200"><path d="M512 572.8c-48 0-88 40-88 88 0 41.6 28.8 76.8 67.2 84.8v75.2c0 11.2 8 19.2 19.2 19.2h3.2c11.2 0 19.2-8 19.2-19.2v-75.2c38.4-9.6 67.2-44.8 67.2-84.8 0-48-40-88-88-88z m0 134.4c-25.6 0-46.4-20.8-46.4-46.4s20.8-46.4 46.4-46.4 46.4 20.8 46.4 46.4-20.8 46.4-46.4 46.4z" fill="#3E3A39" p-id="1683"></path><path d="M780.8 448h-3.2v-118.4c0-145.6-118.4-264-264-264s-264 118.4-264 264V448h-4.8C188.8 448 144 492.8 144 547.2v313.6c0 54.4 44.8 99.2 99.2 99.2h537.6c54.4 0 99.2-44.8 99.2-99.2V547.2c0-54.4-44.8-99.2-99.2-99.2z m-484.8-118.4c0-120 97.6-216 216-216s216 97.6 216 216V448h-432v-118.4zM832 860.8c0 28.8-22.4 51.2-51.2 51.2H243.2c-28.8 0-51.2-22.4-51.2-51.2V547.2c0-28.8 22.4-51.2 51.2-51.2h537.6c28.8 0 51.2 22.4 51.2 51.2v313.6z" fill="#3E3A39" p-id="1684"></path></svg></md-icon>
			    <label>确认密码</label>
			    <md-input type="password"></md-input>
				<span class="md-helper-text" style="padding-left: 0.625rem;" v-if="password">两次密码输入不一致</span>
			  </md-field>
			  <md-field class="md-form-group" slot="inputs">
				<md-icon><svg t="1637669266743" class="icon" viewBox="0 0 1085 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2003" width="200" height="200"><path d="M734.840664 563.305465a75.60887 75.60887 0 0 0 74.213013-76.772083 77.547558 77.547558 0 0 0-22.023506-54.283291 72.584515 72.584515 0 0 0-52.111959-22.178602 76.84963 76.84963 0 0 0 0 153.621713z m-367.652975 0a75.60887 75.60887 0 0 0 74.213014-76.772083 77.547558 77.547558 0 0 0-22.101054-54.283291 72.584515 72.584515 0 0 0-52.11196-22.178602 76.84963 76.84963 0 0 0 0 153.621713z" p-id="2004"></path><path d="M1024.480795 523.911305a471.489155 471.489155 0 0 0-89.955168-253.580516 36.679995 36.679995 0 0 0-49.785532-7.754756 35.594329 35.594329 0 0 0-7.754756 49.785532 400.455592 400.455592 0 0 1 76.927178 231.712105v20.550103l17.913486 10.081183a82.89834 82.89834 0 0 1-39.70435 155.095117h-20.550103l-10.081183 17.835938a404.488065 404.488065 0 0 1-706.303162-4.652853l-10.934206-20.162366-23.264268 1.938689A83.51872 83.51872 0 0 1 71.266206 642.093784a82.510602 82.510602 0 0 1 52.344602-77.004725l21.558221-8.607779 0.930571-23.264268A404.255422 404.255422 0 0 1 594.789773 148.115837h3.954926a35.594329 35.594329 0 0 0 3.877378-71.033564A481.260148 481.260148 0 0 0 549.81219 74.213013 475.211438 475.211438 0 0 0 76.074155 509.177269a155.560402 155.560402 0 0 0-48.777414 45.365322A153.466618 153.466618 0 0 0 0 642.093784a155.095117 155.095117 0 0 0 143.618078 153.699261 475.676724 475.676724 0 0 0 810.371986 3.412093A154.319641 154.319641 0 0 0 1085.665818 646.746638a154.242094 154.242094 0 0 0-61.185023-122.835333z" p-id="2005"></path><path d="M270.796074 609.058524a35.749424 35.749424 0 0 0-15.897249 47.846844 322.05501 322.05501 0 0 0 567.415485 15.509511q4.420211-7.754756 8.452684-15.509511a35.749424 35.749424 0 0 0-15.89725-47.846844 36.369805 36.369805 0 0 0-47.846843 15.974797 262.963771 262.963771 0 0 1-6.513995 12.174967 252.029565 252.029565 0 0 1-90.110263 91.351024 254.976372 254.976372 0 0 1-260.869987-3.644735 250.633709 250.633709 0 0 1-90.730643-99.958803 36.447352 36.447352 0 0 0-47.846844-15.89725z m366.179571-387.737792a36.5249 36.5249 0 0 0-50.405913 0 35.594329 35.594329 0 0 0 0 50.405913 158.894947 158.894947 0 1 0 113.994911-271.416455 35.826972 35.826972 0 0 0-35.749424 34.973949 35.671877 35.671877 0 0 0 35.051496 36.21471 87.473646 87.473646 0 0 1 60.797286 149.046407 89.955168 89.955168 0 0 1-124.076094 0.697928z" p-id="2006"></path></svg></md-icon>
			    <label>年龄</label>
			    <md-input v-model="age"></md-input>
			  </md-field>
			  <md-field class="md-form-group" slot="inputs">
			    <md-icon><svg t="1637669761094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4158" width="200" height="200"><path d="M742.218667 526.666667c107.637333 0 194.848 87.573333 194.848 195.552V725.333333c0 103.168-93.578667 190.4-190.4 190.4h-45.44a30.4 30.4 0 0 1-2.517334-0.106666c-153.898667-12.778667-312.266667-80.128-411.914666-173.888C169.184 631.082667 86.933333 461.44 86.933333 303.818667c0-113.802667 84.405333-195.552 194.848-195.552 107.626667 0 194.837333 87.573333 194.837334 195.552 0 76.032-44.181333 138.773333-111.701334 169.12a507.658667 507.658667 0 0 0 81.6 100.266666c36.288 34.453333 76.544 62.336 118.752 81.813334 26.304-76.170667 94.186667-128.352 176.96-128.352z" p-id="4159"></path></svg></md-icon>
			    <label>电话</label>
			    <md-input v-model="phone" type="email"></md-input>
			  </md-field>
              <md-field class="md-form-group" slot="inputs">
                <md-icon><svg t="1638164847240" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6910" width="200" height="200"><path d="M880.64 204.8h-737.28A61.44 61.44 0 0 0 81.92 265.0112v493.9776a61.44 61.44 0 0 0 18.0224 43.4176 59.8016 59.8016 0 0 0 41.7792 16.7936h737.28a61.44 61.44 0 0 0 61.44-61.44v-491.52A61.44 61.44 0 0 0 880.64 204.8z m0 573.44h-737.28a20.8896 20.8896 0 0 1-20.48-20.48V341.1968l358.8096 206.848a58.9824 58.9824 0 0 0 61.44 0L901.12 341.1968v417.792a20.48 20.48 0 0 1-20.48 19.2512zM901.12 294.0928l-378.88 218.7264a20.48 20.48 0 0 1-20.48 0L122.88 294.0928v-29.0816A20.48 20.48 0 0 1 143.36 245.76h737.28a20.48 20.48 0 0 1 20.48 20.48v26.624z" p-id="6911"></path></svg></md-icon>
                <label>邮箱</label>
                <md-input v-model="email" type="email"></md-input>
              </md-field>
			  <md-field class="md-form-group" slot="inputs">
			    <md-icon><svg t="1637669926491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6313" width="200" height="200"><path d="M620.5 279.2c-18-1.2-33 13-33 30.7 0 17 13.8 30.8 30.8 30.8 17.7 0 32-15.1 30.7-33.1-1-15.1-13.3-27.4-28.5-28.4z m20.5 92.2c-20.1 0-24.9 21.5-24.9 29.7v0.1c0 35.8-18.9 69.6-49.4 88.4-16.3 10-35.1 15.3-54.2 15.3-23.6 0-46.7-8.2-65.1-23-24.5-19.8-38.6-49.2-38.6-80.7 0-11.7 2-23.3 5.9-34.3 14.5-41.3 53.7-69.2 97.4-69.3h0.2c3.5 0 7 0.2 10.5 0.5 12.6 1.3 24.5-5.7 29.3-17.4l0.6-1.4c6.9-17.2-4.4-36.2-22.7-38.4-6.4-0.8-12.9-1.2-19.4-1.2-49.9 0-96.3 22.6-127 61.9-22.1 28.3-34.3 63.6-34.3 99.5 0 32.9 9.9 64.6 28.6 91.7 30.1 43.6 79.7 69.6 132.7 69.6 16.3 0 32.5-2.5 48.2-7.4 33-10.3 61.3-30.5 81.8-58.4s31.3-60.9 31.3-95.5v-0.4c-0.2-1.7 0-29.3-30.9-29.3z m110.7-189.2C694.2 120.1 616.5 83 533 77.7c-4.1-0.3-8.3-0.5-12.5-0.6-2.8-0.1-5.7-0.1-8.5-0.1s-5.5 0-8.2 0.1c-4.2 0.1-8.3 0.3-12.5 0.6-83.5 5.3-161.1 42.5-218.7 104.5-57.8 62.4-89.6 143.9-89.6 229.6v3.4c0.7 50.3 16.2 104.2 46.3 160 24.2 45 57.9 71.5 100.1 118.3 8.7 9.6 17.7 19.2 26.8 28.6 66.1 67.8 127.9 113.4 139.7 121.9 4.8 3.5 10.5 5.3 16.4 5.3 1.6 0 3.2-0.1 4.7-0.4 7.4-1.3 14-5.6 18.3-11.7 4.3-6.2 6.1-14 4.8-21.5-1.3-7.6-5.4-14.2-11.6-18.6-5.5-4-55.3-40.5-112.9-96.6-10.1-9.9-19.9-19.8-29.1-29.5-67.1-70.7-147.2-156.6-147.2-259.1 0-98.9 52.3-191 136.5-240.4 40.1-23.5 85.8-36.4 132.1-37.2h8.6c1.4 0 2.9 0.1 4.3 0.1 44.8 1.5 89 14.3 127.8 37.1 84.2 49.4 136.5 141.5 136.5 240.4 0 102.5-80 188.3-147.2 259.1-9.3 9.8-19.1 19.8-29.2 29.5-9.4 9.2-19.3 18.5-29.5 27.8l-0.3 0.1-1.5 1.5c-8.7 8.9-12.7 25.4-1 40.9l0.5 0.6 0.6 0.6 0.6 0.5c6.1 4.4 12.8 6.7 19.4 6.7 5.6 0 11-1.6 15.6-4.7l1-0.5 1.3-1.3c0.6-0.5 1.2-1 1.7-1.5 17.8-16.1 34.9-32.6 50.9-49 9.3-9.5 18.3-19.2 26.8-28.6 42.2-46.8 75.9-73.3 100.1-118.3 30-55.8 45.6-109.6 46.3-160v-3.4c0.1-85.8-31.7-167.3-89.5-229.7z m47.6 590.2c-24.9-15.6-50.9-25.1-93.9-35.1-2.3-0.5-4.6-0.8-6.8-0.8-16.6 0-30 13.5-30 30 0 14 10 26.4 23.7 29.4 70.1 15.3 78.8 27.5 78.8 34.6 0 7-18.3 23-87 38.2-52.8 11.7-118.6 18.9-171.9 18.9s-119.2-7.3-171.9-18.9c-68.6-15.2-87-31.2-87-38.2 0-7.1 7.7-21.3 77.8-36.6 13.7-3 23.7-15.3 23.7-29.4 0-16.6-13.5-30-30-30-2.3 0-4.6 0.3-6.8 0.8-43 10-67.9 21.5-92.9 37.1-27.5 17.2-42 37.3-42 58.1 0 32.7 35.4 62.6 99.6 84.2 61.4 20.7 143 32.1 229.6 32.1s168.1-11.4 229.6-32.1c64.2-21.6 99.6-51.5 99.6-84.2-0.2-20.8-14.7-40.9-42.2-58.1z" fill="#1A1A1A" p-id="6314"></path></svg></md-icon>
			    <label>地址</label>
				<md-input v-model="addr" type="addr"></md-input>
			  </md-field>
              <md-button slot="footer" class="md-simple md-success md-lg" @click=login()>
               立即注册
              </md-button>
            </login-card>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { LoginCard } from "@/components";

export default {
  components: {
    LoginCard
  },
  bodyClass: "login-page",
  data() {
    return {
      firstname: null,
      email: null,
      password: null,
	  array: null
	   

    };
  },
  props: {
    header: {
      type: String,
      default: require("@/assets/img/profile_city.jpg")
    }
  },
  computed: {
    headerStyle() {
      return {
        backgroundImage: `url(${this.header})`
      };
    }
  },
  methods:{
	  login() {
	    //1.删除session中的数据
	    window.sessionStorage.clear()
	    //2.用户访问登录页面
	    this.$router.push('/login')
	  }
  }
};
</script>

<style lang="css">
</style>
